<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>爱OS解决方案</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/font-awesome.css">
		<link rel="stylesheet" href="css/home.css">
	</head>

	<body>

		<!-- 导航 -->
		<div class="header">
			<a href="index.html"><img src="img/logo.png" class="logo"></a>
			<span class="menubtn" status="0">
                <i></i>
                <i></i>
                <i></i>
            </span>
		</div>

		<!-- 封面图片 -->
		<div class="posterwrap solution">
			<div class="poster">
				<div class="textwarp">
					<h2>解决方案</h2>
				</div>
			</div>
		</div>

		<!-- 解决方案 -->
		<div class="solutionwrap">
			<div class="row">
				<!-- 方案01 -->
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="1" data-url="" style='background-image: url("img/20160521190729-7224.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160521190729-7224.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">网站应用定制开发</p>
							<p class="intro">很多牛B的想法都是从一个网站开始的</p>
							<span class="add addbtn" data-id="1" data-name="网站应用定制开发" data-price="5800/起" data-fmimg="img/20160521190729-7224.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="2" data-url="" style='background-image: url("img/20160521191034-7438.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160521191034-7438.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">微信应用定制开发</p>
							<p class="intro">6.5亿用户在微信盼你的产品上线</p>
							<span class="add addbtn" data-id="2" data-name="微信应用定制开发" data-price="6800/起" data-fmimg="2016-05-21/20160521191034-7438.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="3" data-url="" style='background-image: url("img/20160410204528-2171.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160410204528-2171.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">苹果iOSAPP定制开发</p>
							<p class="intro">万事俱备, 就差一个APP啦</p>
							<span class="add addbtn" data-id="3" data-name="苹果iOSAPP定制开发" data-price="9800/起" data-fmimg="2016-04-10/20160410204528-2171.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="13" data-url="" style='background-image: url("img/20160521175027-7861.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160521175027-7861.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">安卓APP定制开发</p>
							<p class="intro">不是所有的用户都用果粉</p>
							<span class="add addbtn" data-id="13" data-name="安卓APP定制开发" data-price="9800/起" data-fmimg="2016-05-21/20160521175027-7861.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="14" data-url="" style='background-image: url("img/20160521175349-1794.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160521175349-1794.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">CRM客户系统定制开发</p>
							<p class="intro">谁说CRM系统只能套用模版</p>
							<span class="add addbtn" data-id="14" data-name="CRM客户系统定制开发" data-price="9800/起" data-fmimg="2016-05-21/20160521175349-1794.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="15" data-url="" style='background-image: url("img/20160521193115-2469.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160521193115-2469.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">B2C电商系统定制开发</p>
							<p class="intro">怕被平台束缚，就做自己的平台</p>
							<span class="add addbtn" data-id="15" data-name="B2C电商系统定制开发" data-price="9800/起" data-fmimg="2016-05-21/20160521193115-2469.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="6" data-url="" style='background-image: url("img/20160410203209-2203.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160410203209-2203.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">WEB前端页面开发</p>
							<p class="intro">前端工程师已就位, 请发号施令</p>
							<span class="add addbtn" data-id="6" data-name="WEB前端页面开发" data-price="5000/起" data-fmimg="2016-04-10/20160410203209-2203.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="5" data-url="" style='background-image: url("img/20160411140042-2838.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160411140042-2838.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">用户界面与体验设计</p>
							<p class="intro">用更好的设计俘获用户的心</p>
							<span class="add addbtn" data-id="5" data-name="用户界面与体验设计" data-price="5000/起" data-fmimg="2016-04-11/20160411140042-2838.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="7" data-url="" style='background-image: url("img/20160410203158-9467.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160410203158-9467.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">PHP/MySQL后台开发</p>
							<p class="intro">此有靠谱程序员若干, 不用花钱养着</p>
							<span class="add addbtn" data-id="7" data-name="PHP/MySQL后台开发" data-price="5000/起" data-fmimg="2016-04-10/20160410203158-9467.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="4" data-url="" style='background-image: url("img/20160410204552-9965.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160410204552-9965.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">产品交互与原型设计</p>
							<p class="intro">千言万语, 不如一个清晰的原型</p>
							<span class="add addbtn" data-id="4" data-name="产品交互与原型设计" data-price="4000/起" data-fmimg="2016-04-10/20160410204552-9965.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="8" data-url="" style='background-image: url("img/20160410203146-7366.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160410203146-7366.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">域名购买及备案代理</p>
							<p class="intro">域名备案这些琐事儿, 岂能你来操心</p>
							<span class="add addbtn" data-id="8" data-name="域名购买及备案代理" data-price="500" data-fmimg="2016-04-10/20160410203146-7366.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="16" data-url="" style='background-image: url("img/20160522200711-7454.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160522200711-7454.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">百度推广开通代理</p>
							<p class="intro">您的客户，正在百度上找您</p>
							<span class="add addbtn" data-id="16" data-name="百度推广开通代理" data-price="500" data-fmimg="2016-05-22/20160522200711-7454.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="9" data-url="" style='background-image: url("img/20160410175430-1754.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160410175430-1754.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">微信支付开通代理</p>
							<p class="intro">你来或不来, 6.5亿个钱包都在那里</p>
							<span class="add addbtn" data-id="9" data-name="微信支付开通代理" data-price="500" data-fmimg="2016-04-10/20160410175430-1754.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="11" data-url="" style='background-image: url("img/20160410175544-7257.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160410175544-7257.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">支付宝开通代理</p>
							<p class="intro">支付神器, 能用上就不要放过</p>
							<span class="add addbtn" data-id="11" data-name="支付宝开通代理" data-price="500" data-fmimg="2016-04-10/20160410175544-7257.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="10" data-url="" style='background-image: url("img/20160410210213-3880.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160410210213-3880.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">服务器购买及配置</p>
							<p class="intro">选好服务器跟选对象一样重要</p>
							<span class="add addbtn" data-id="10" data-name="服务器购买及配置" data-price="500" data-fmimg="2016-04-10/20160410210213-3880.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
					<div class="holder">
						<div class="cover" data-id="12" data-url="" style='background-image: url("img/20160410203119-4720.png")'>
							<div class="cover-back transition"></div>
							<i class="fa fa-search fa-4x searchicon transition"></i>
						</div>
						<img src="img/20160410203119-4720.png" class="clone" style="display:none">
						<div class="title">
							<p class="name">在线客服开通代理</p>
							<p class="intro">不让每一个成交机会白白溜走</p>
							<span class="add addbtn" data-id="12" data-name="在线客服开通代理" data-price="500" data-fmimg="2016-04-10/20160410203119-4720.png">
                                <img class="transition" src="img/add.svg">
                            </span>
							<span class="add" style="display: none;">
                                <img src="img/add-d.svg">
                            </span>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 隐藏菜单 -->
		<div class="menu_hide">
			<div class="menu-mask"></div>
			<a href="index.html" class="name">
				<img src="img/logo.png" alt="">
			</a>
			<ul class="nav">
				<li>
					<a href="service.html">
						<span>解决方案</span>
						<i class="fa fa-angle-right fa-lg" name="angle"></i>
					</a>
				</li>
				<li>
					<a href="cases.html">
						<span>案例精选</span>
						<i class="fa fa-angle-right fa-lg" name="angle"></i>
					</a>
				</li>
				<li>
					<a href="brand.html">
						<span>服务品牌</span>
						<i class="fa fa-angle-right fa-lg" name="angle"></i>
					</a>
				</li>
				<li>
					<a href="joinus.html">
						<!-- <i class="fa fa-rocket"></i> -->
						<span>加入我们</span>
						<i class="fa fa-angle-right fa-lg" name="angle"></i>
					</a>
				</li>
			</ul>
			<img src="img/guanbi.svg" class="closemenu transition">
		</div>

		<!-- 页脚信息 -->
		<div class="footer">
			<p class="visible-xs visible-sm">爱OS &copy; 版权所有 All Rights Reserved.</p>
			<div class="footernav hidden-xs hidden-sm">
				<a href="index.html">
					<img src="img/logo-red.png" class="logo">
				</a>
				<ul class="foonav">
					<li>
						<a href="service.html">解决方案</a>
					</li>
					<li>
						<a href="cases.html">精选案例</a>
					</li>
					<li>
						<a href="brand.html">服务品牌</a>
					</li>
					<!-- <li><a href="">合作伙伴</a></li> -->
					<!-- <li><a href="">工作流程</a></li> -->
					<li>
						<a href="joinus.html">加入我们</a>
					</li>
				</ul>
			</div>
		</div>

		<script src="js/jquery-2.1.4.js"></script>
		<script src="js/home.js"></script>
	</body>

</html>